<template>
  <div >
    <div class="profile-cover text-center">
      <img class="img-fluid " src="http://localhost:3001/file/background.png" alt="" >
    </div>
    <div class="bg-white shadow-sm border-bottom">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="d-flex align-items-center py-3">
              <div class="profile-left">
                <h5 class="font-weight-bold text-dark mb-2 mt-0">{{userInfo.user_name}}的主页</h5>
                <p class="mb-0 text-muted"><a class="mr-2 font-weight-bold" href="#">访问时间</a>
                  <i class="el-icon-time"></i> {{Date("October 13, 1975 11:13:00")}}</p>
              </div>
              <div class="profile-right ml-auto">
                <button @click="gobakc" type="button" class="btn btn-lg btn-block btn-danger mb-1"> <i class="el-icon-back"></i>返回</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="py-4">
      <div class="container">
        <div class="row">
          <!-- Main Content -->
          <oleftaside :userinfo ="userInfo"></oleftaside>
          <orightaside></orightaside>
          <omain :userinfo ="userInfo"></omain>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Oleftaside from '../../components/otherhome/oleftaside.vue';
import Omain from '../../components/otherhome/omain.vue';
import Orightaside from '../../components/otherhome/orightaside.vue';

export default {
  scrollToTop: true,
  name: "otherhome",
  data() {
    return {
      userInfo: {},
      OgetUserStore: this.newStore(),
    };
  },
  components: {
    Oleftaside,
    Omain,
    Orightaside,
  },
  created() {
    this.spost(this.OgetUserStore, "/getProfileInfo", {
      userId: this.$route.query.id,
    }).then((res) => {
      this.userInfo = res.d.data;
    });
  },
  methods: {
    gobakc() {
      this.$router.go(-1);
    },
  },

};
</script>

<style scoped lang="scss">

</style>
